<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="lb" uri="http://www.itlaobing.cn/tags" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> 
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<title>档期管理列表</title>
<!-- 这段代码会被 sitemesh拷贝到application.jsp模板中 -->
<js>
<script>
	$(function() {
	toastr.options = {
			closeButton : false, // 是否显示关闭按钮（提示框右上角关闭按钮）；
			debug : false, // 是否为调试；
			progressBar : true, // 是否显示进度条（设置关闭的超时时间进度条）；
			positionClass : "toast-top-right", // 消息框在页面显示的位置
			/**
			 * toast-top-left 顶端左边 toast-top-right 顶端右边 toast-top-center 顶端中间
			 * toast-top-full-width 顶端，宽度铺满整个屏幕 toast-botton-right
			 * toast-bottom-left toast-bottom-center toast-bottom-full-width
			 */
			onclick : null, // 点击消息框自定义事件
			showDuration : "300", // 显示动作时间
			hideDuration : "1000", // 隐藏动作时间
			timeOut : "2000", // 自动关闭超时时间
			extendedTimeOut : "1000",
			showEasing : "swing",
			hideEasing : "linear",
			showMethod : "fadeIn", // 显示的方式，和jquery相同
			hideMethod : "fadeOut" // 隐藏的方式，和jquery相同
		};
		<c:if test="${not empty msg}">
			toastr.success('${msg}');
		</c:if>
		$(document).on("click",".btn-delete",function(event){

			//阻止事件冒泡
			event.stopPropagation();
			//阻止默认的事件
			event.preventDefault();
			 if(!confirm("确定要删除数据吗？"))
			 {
			 	return false;
			 }
			//取出要提交的地址
			var href = $(this).prop("href");
			$.ajax({
				type : "POST",
				url : href,
				data : {_method:"DELETE"}
			}).done(function(data){
				if(data){
					$("#row"+data.id).remove();//移除表格的行
					toastr["success"]("删除"+data.scheduleName+"成功！");
				}
				
			});
		});
		})
</script>
</js>



<div class="spacer-xs">
				

<div class="row no-gutter">
	<div class="col-md-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4>[档期]列表</h4>
                <ul class="links">
                    <li>
                        <a href="${ctx}/activity/create" title="" data-original-title="新建">
                            <i class="fa fa-plus"></i> 新建
                        </a>
                    </li>
                </ul>
			</div>
			<div class="panel-body">
				<div class="row">
					<form id="searchForm" class="form-horizontal" data-remote="true" action="${ctx}/activity" method="get">
						<div class="col-xs-3">
							<input name="scheduleName" value="${param.scheduleName}" class="form-control" placeholder="搜索档期名称" type="text" >
						</div>
						<div class="col-xs-3">
							<button type="submit" class="btn btn-sm btn-success">
								查询
								<span class="fa fa-search"></span>
							</button>
						</div>
					</form>
				</div>
				<div class="m-space10"></div>
				<div class="data-table">
<table class="table table-bordered table-hover table-responsive">
    <thead>
			<th>序号</th>
			<th>名称</th>
			<th>开始时间</th>
			<th>结束时间</th>
			<th>状态</th>
			<th>操作</th>
		</thead>
		
		<tbody>
		<c:forEach  var="schedule" items="${schedule}" varStatus="stat">
			<tr  id="row${schedule.id}">
			<th scope="row">${stat.index+1}</th>
			<td>${schedule.scheduleName}</td>
			<td><fmt:formatDate value="${schedule.startDate}" pattern="yyyy-MM-dd" /></td>
			<td>${schedule.endDate}</td>
			<td>${schedule.state.text}</td>
			<td>
			<div class="btn-group" role="group" >
          	<a href="${ctx}/activity/${schedule.id}/show" class="btn btn-info"> <i class="fa fa-eye fa-lg" aria-hidden="true"></i></a>
          	<a href="${ctx}/activity/${schedule.id}" class="btn btn-danger btn-delete"> <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i></a>
          </div>
			</td>
			</tr>
		</c:forEach>
		</tbody>		
		</table>

                </div>
			</div>
		</div>
	</div>
</div>
<lb:pagination pager="${schedule}" /> 
</div>





	




